
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript">
    $(function(){
        $("#dg3").datagrid({
            url:"${pageContext.request.contextPath}/banner/selectAllBanner",
            title:"轮播图列表",
            width:800,
            pagination:true,//如果为true，则在DataGrid控件底部显示分页工具栏。默认为false
            onDblClickRow:function(rowIndex,rowData){  //双击打开修改对话框

                $("#updateBannerDiv").dialog("open");
                $("#bannerId").val(rowData.bannerId);
                $("#updateBannerOldName").val(rowData.bannerOldName);
                $("#updateBannerDescription").val(rowData.bannerDescription);
                $("#updateBannerStatus").val(rowData.bannerStatus);
                //
            },
            loadMsg:"拼命加载中...",// string  在从远程站点加载数据的时候显示提示消息
            toolbar:"#myToolbar2",//在<div>标签上定义工具栏
            columns:[[    //表格相当于二维数组，
                //{title:"操作",checkbox:true},//添加复选框
                {title:"编号",field:"bannerId"},//一个{}表示一列
                {title:"名字",field:"bannerOldName"},
                {title:"添加时间",field:"bannerDate"},
                {title:"描述",field:"bannerDescription"},
                {title:"状态",field:"bannerStatus"},
                {title:"图片",field:"cc",
                    formatter:function(value,rowData,rowIndex){
                        return "<img src='${pageContext.request.contextPath}/"+rowData.bannerImageUrl+"' width=\"40\" height=\"20\">";
                    }
                },
                {title:"操作",field:"cz",
                    //value:字段值；
                    //rowData:行对象
                    //rowIndex:行号；0,1....
                    formatter:function(value,rowData,rowIndex){
                        return "<a href='javascript:void(0)'  >修改</a>";
                    }
                }
            ]]
        });
        //添加对话框
        $("#addBannerDiv").dialog({
            width:300,
            title:"添加对话框",
            height:200,
            closed:true,
            buttons:"#addBannerDialogBtn"  //添加按钮
        });
        //修改对话框
        $("#updateBannerDiv").dialog({
            width:300,
            title:"修改对话框",
            height:200,
            closed:true,
            buttons:"#updateBannerDialogBtn"  //添加按钮
        });
    })



    function toOpenAddBannerDialog(){
        // 1.打开添加对话框
        $("#addBannerDiv").dialog("open");
    }
    function doAddBanner() {
        //通过form控件的submit方法提交表单
        $("#addBannerForm").form("submit",{
            url:"${pageContext.request.contextPath}/banner/add",
            success:function(data){
                //alert(data);
                //data就是一个json串
                var jsObj = JSON.parse(data);
                if(jsObj.isAdd){
                    //把添加对话框关闭掉
                    //把datagrid刷新
                    alert("添加成功");
                    $("#addBannerDiv").dialog("close");
                    $("#dg3").datagrid("reload");  // 重新载入当前页面数据
                }else{
                    alert("添加失败，请确认");
                }
            }
        });
    }

    function doUpdateBanner() {
        //通过form控件的submit方法提交表单
        $("#updateBannerForm").form("submit",{
            url:"${pageContext.request.contextPath}/banner/update",
            success:function(data){
                //alert(data);
                //data就是一个json串
                var jsObj = JSON.parse(data);
                if(jsObj.isUpdate){
                    //把添加对话框关闭掉
                    //把datagrid刷新
                    alert("修改成功");
                    $("#updateBannerDiv").dialog("close");
                    $("#dg3").datagrid("reload");  // 重新载入当前页面数据
                }else{
                    alert("修改失败，请确认");
                }
            }
        });
    }

</script>

<table id="dg3"> </table>

<div id="myToolbar2">  <%--工具栏按钮--%>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" onclick="doMultiDelete()">批量删除</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="toOpenAddBannerDialog()">添加</a>
</div>

<div id="addBannerDiv">
    <form id="addBannerForm" method="post" enctype="multipart/form-data">
        <%--<input type="hidden" name="id" id="id2"/>--%>

        名字：<input id="addBannerName" name="bannerOldName"/><br/>
        描述：<input id="addBannerDescript" name="bannerDescription"/><br/>
        状态：<input id="addBannerStatus" name="bannerStatus"/><br/>
        图片：<input id="addBannerImageUrl" name="image" type="file"/><br/>
        <!-- <input type="button" value="添加" onclick="doAdd()"/> -->
    </form>
</div>

<div id="updateBannerDiv">
    <form id="updateBannerForm" method="post" enctype="multipart/form-data">
        <input type="hidden" name="bannerId" id="bannerId"/>
        名字：<input id="updateBannerOldName" name="bannerOldName"/><br/>
        描述：<input id="updateBannerDescription" name="bannerDescription"/><br/>
        状态：<input id="updateBannerStatus" name="bannerStatus"/><br/>
    </form>
</div>

<div id="addBannerDialogBtn"><%--对话框按钮--%>
    <a href="javascript:void(0)" onclick="doAddBanner()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">添加</a>
</div>
<div id="updateBannerDialogBtn"><%--对话框按钮--%>
    <a href="javascript:void(0)" onclick="doUpdateBanner()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
</div>